<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
  html,body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
  }
  .detail-img{width: 100%;}
  .position-rel{position: relative;    height: 8em;}
  .position-fix{position:fixed;bottom: 0;background: #ffffff;}
 
</style>



<template>
  <div >
    <img class="detail-img" src="http://business.10010js.com:9001/frontpage/images/publiccloud/1.jpg" alt="">
    <div class=" position-rel">
      <div class="position-fix pad">
          点击<b>“立即预约”</b>我们将为您匹配专属的客户经理，上门为您办理套餐入网开户，支持企业批量开户。
          <x-button type="primary" :gradients="['#1D62F0', '#19D5FD']" link="/">立即预约</x-button>
      </div>
    </div>
  </div>
</template>

<script>
  import { Swiper, Grid, GridItem, Panel,XButton,Marquee, MarqueeItem } from 'vux'
  export default {
    data() {
      return {

      }
    },
    methods: {
      // jump(name){
      //   this.$router.push({name})
      // }
    },
    components: {
      Swiper,
      Grid, GridItem,
      Panel,
      XButton,
      Marquee, MarqueeItem
    }
  }
</script>

